html,
body,
#homeContainer {
  width: 100%;
  height: 100%;
}

#roadContainer {
  width: 100%;
  height: 100%;
}
#driveContainer {
  width: 100%;
  height: 100%;
}

.custom-content-marker {
position: relative;
width: 25px;
height: 34px;
}

.custom-content-marker img {
width: 100%;
height: 100%;
}

.custom-content-marker .close-btn {
position: absolute;
top: -6px;
right: -8px;
width: 15px;
height: 15px;
font-size: 12px;
background: #ccc;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 15px;
box-shadow: -1px 1px 1px rgba(10, 10, 10, .2);
}

.custom-content-marker .close-btn:hover{
background: #666;
}

#toDriveButton{
  position:absolute; 
  left:10px; top:10px;
  height: 30px;
}

#returnButton{
  position:absolute; 
  left:10px; top:50px;
  height: 30px;
}

#ask{
  position:absolute; 
  left:50px; top:20px;
  color:red;

}
.input-card .btn{
    margin-right: 1.2rem;
    width: 9rem;
}

.input-card .btn:last-child{
    margin-right: 0;
}

#panel {
  position: fixed;
  background-color: white;
  max-height: 90%;
  overflow-y: auto;
  top: 10px;
  right: 10px;
  width: 280px;
}
#panel .amap-call {
  background-color: #009cf9;
  border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}
#panel .amap-lib-driving {
border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
  overflow: hidden;
}
